<!DOCTYPE html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<html>
<head>
<link href="<c:url value="/bootstrap/css/bootstrap.min.css"/>" rel="stylesheet">	
<link rel="stylesheet" media="all" type="text/css"
	href="<c:url value="/resources/css/styles.css" />">

<script type="text/javascript"
	src='<c:url value="/resources/js/jquery-1.11.1.min.js" />'></script>
	<script src="<c:url value="/bootstrap/js/bootstrap.min.js"/>"></script>
<meta charset="utf-8">
<title>Travel Journal</title>
</head>
<body>
	<div class="header">
		<div class="topnav">
			<ul id="nav">
				<li><a href="/TravelJournal/">Log Out</a></li>
			</ul>
		</div>
	</div>


	<div id="content">
		<div id="sidebar">
			<ul>
				<li><a href="/TravelJournal/welcome">Home</a></li>
				<li><a href="/TravelJournal/records/myrecords">My Records</a></li>
				<li><a href="/TravelJournal/records/addrecord">Add Record</a></li>
				<li><a href="/TravelJournal/records/map">My Travel Map</a></li>
			</ul>
		</div>
		<div id="main-content">

			<h2>Add Travel Note</h2>
			<c:if test="${not empty error}">
				<div class="error">${error}</div>
			</c:if>

			<form:form method="post" commandName="travelNote" role="form">
				<div class="form-group">
					<form:label path="title">Title:</form:label>
					<form:input path='title' class="form-control"/>
				</div>
				<div class="form-group">
					<form:label path="note">Note:</form:label>
					<form:textarea path='note' class="form-control"/>
				</div>

				<input id='submitButton' type="submit" value="Add" class="btn" />
			</form:form>

		</div>
	</div>

</body>
</html>